<template>
	<view class="advise" @click="adviseHandler">
		<view class="title_box">
			<text class="title">{{props.title}}</text>
		</view>
		<view class="arrow_box">
			<uni-icons type="right" class="icon"></uni-icons>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		title: {
			type: String,
			default: "暂无数据"
		}
	})
	const emit=defineEmits(["myClick"])
	const adviseHandler=()=>{
		emit("myClick")
	}
</script>

<style lang="scss" scoped>
	.advise {
		width: 100%;
		height: 65rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px dashed gray;
		.title_box{
			flex: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding-left:20rpx ;
			font-size: 26rpx;
		}
		.arrow_box{
			width: 40rpx;
		}
	}
</style>
